ul,li
{
    list-style: none;
}
li,img,input
{
    vertical-align: middle;
}
/*首页css*/
.head
{
    width: 100%;
    height: 2.88rem;
}
.search
{
    width: 18.65rem;
    height: .74rem;
    font-size: .3rem;
    outline: none;
    border-color: #ffffff;
    margin: 0 auto;
    background-image: url("../images/search.png");
    background-repeat: no-repeat;
    background-size: .4rem .4rem;
   background-position: .1rem .15rem;
    padding-left: 50px;
    display: inline-block;
}
.banner
{
    width: 100%;
    height: 3.6rem;
}


.chanpin3
{
    width: 100%;
    height: 3.26rem;
    background: #F5F5F5;
}
.chanpin33
{
    width: 7.2rem;
    height: 3.26rem;

    margin: 0 auto;
}
.chanpin3 img
{
    width: 2.32rem;
    height: 3.06rem;
    padding: .1rem;

}
.price
{
    color: orange;
}

footer
{
    width: 100%;
    height: .896rem;
    clear: both;
    position: fixed;
    background: #ffffff;
    bottom: 0;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
}

footer section
{
    width: 25%;
    height: .656rem;
    float: left;
    text-align: center;

}

/*分类css*/
header
{
    width: 100%;
    height: .84rem;

    background: #F2F2F2;
    /*position: relative;*/
}
.back
{
    width: .44rem;
    height: .44rem;
    /*margin: .2rem auto;*/
    line-height: .84rem;
    float: left;
    position: absolute;
    top: .2rem;
    left: .2rem;

}

.title
{
    width: 1.5rem;
    height: .5rem;
    margin: 0 auto;
    vertical-align: middle;
    line-height: .84rem;
    color: #666;
    font-weight: 400;
    font-size: .3rem;
}
.icon_search
{
    width: .44rem;
    height: .44rem;
    position: absolute;
    right: .2rem;
    top: 0;
    line-height: .84rem;
}
#wrapper
{
    width: 100%;
    height: 10rem;
    background: #F5F5F5;
}
.wrap0
{
    width: 100%;
    height: 7.51rem;
    background: #ffffff;
    /*padding-top: .1rem;*/
}
.wrap1
{
    width: 100%;
    height: 7.51rem;
    background: #ffffff;

}
.wrap2
{
    width: 100%;
    height: 7.51rem;
    background: #ffffff;
}
#m0
{
    /*width:90%;*/
    max-width: 90%;
    min-width: 7.2rem;
    height: 7.51rem;
    margin: 0 auto;
    line-height: .4rem;
    /*background: red;*/
}

.list_title
{
    font-size: .3rem;
    text-align: center;
    font-weight: 400;
    margin: .5rem 0 .6rem;
}
ul li
{
    float: left;
    width: 25%;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: .4rem;
    height: 1.6rem;
    margin-left: -.2rem;


}
.name p
{
    font-size: .22rem;
    white-space: nowrap;
    color: #333;
    text-align: center;


}
.img
{
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
}
.img img
{
    width: 1rem;
    height: 1rem;
}
/*ol*/
/*{*/
   /*padding-left: 2.5rem;*/
/*}*/
#main
{
    width: 100%;
    height: 7.87rem;
    background: #ffff00;
    padding-top: 2rem;

}
.sm
{
    width: 17.03rem;
    height: 4.02rem;
    background: red;
    margin: 0 auto;
    position: relative;


}
.ui-button-disable
{
    /*background: #F4F4F4;*/
    border: solid 1px #f4f4f4;
    width: 8.515rem;
    height: 1.02rem;
    background: blue;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    bottom: 0;
/**/
}

/*商品列表*/
.drow
{
    width: 100%;
    height: 2rem;
}
.drow_img
{
    width: 7.2rem;
    height: 2rem;
    margin: 0 auto;

}
.drow_img img
{
    width: 7.2rem;
    height: 2rem;

}
.b1
{
    width: 100%;
    height: 3.41rem;
}
.xiangqing_img
{
    width: 3.4rem;
    height: 3.4rem;
    margin: 0 auto;
}
.b1 img
{
    width: 3.4rem;
    height: 3.4rem;
}
.b2
{
    width: 100%;
    height: 1.68rem;
}
.b2 .div_name
{
    padding-left: .2rem;
    width: 90%;

}

.b2 .div_name .xiangqing_name
{
    font-size: .3rem;
    color: #333;

}
.b3
{
    width: 90%;
    height: .875rem;
    padding: .1rem .1rem;
}
.b3 li
{
    width: 1.3rem;
    height: 0.675rem;
    float: left;
    text-align: center;
    vertical-align: middle;

}
.b3 li .span_b3
{

    width: 1.1rem;
    height: .62rem;
    background: #f2f2f2;
    font-size: .24rem;
    line-height: .6rem;
    color: #999;
    display: inline-block;
    border: solid 1px #f6f6f6;
    margin-right: .2rem;
}
.ui_b7
{
    width: 100%;
    height: 5.735rem;
    background: #ECECEC;
    padding: .1rem;
}
.ui_b7 h3
{
    width: 13.90rem;
    height: .34rem;
    font-size: .25rem;
    font-weight: 400;
    color: #999;
    margin-bottom: .1rem;
    margin-top: .3rem;
    margin-left: .2rem;

}
.listimg
{
    width: 100%;
    height: 4.59433rem;


}
.viewport
{
    width: 17.6978rem;
    height: 4.59433rem;
    margin: 0 auto;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.listimg img
{
    width: 4.4233rem;
    height: 4.4233rem;
    margin-left: .4rem;
}
.bottom
{

    width: 100%;
    height: .896rem;

    background: #ffffff;

    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
}
.bottom section
{

    width: 25%;
    height: .656rem;
    float: left;
    text-align: center;

}
.empty
{
    width: 100%;
    height: 1rem;
}
.kaishou
{

    width: 100%;
    height: .896rem;
    position: fixed;
    background: #ffffff;
    bottom: 0;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    line-height: .9rem;


}
.kaishou .home img
{
    width: 1.14367rem;
    height: .86rem;
    line-height: 1rem;
    float: left;
}
.button
{
    width: 16.74rem;
    height: .86rem;
    background: #FF5722;
    float: left;
    text-align: center;
    font-size: .3rem;
    color: #ffffff;
    line-height: .86rem;
}
.kaishou .gouwuche img
{
    width: 1.14367rem;
    height: .86rem;
    line-height: 1.11rem;
    float: right;
}

/*搜索*/
.top
{
    background: rgba(254,138,109,.05);
    /*background: red;*/
    border-color: #FE8A6D;
    height: .63rem;
    width: 2rem;
    /*border-color: red;*/
    vertical-align: middle;
    float: left;
    padding-top: .1rem;

}
ul.list-default li
{
    float: left;
    padding: .14rem .2rem;
    margin: .1rem;
    border: solid 1px #E4E4E4;
    /*background: red;*/
}
.top span
{
    font-size: .24rem;
    /*vertical-align: middle;*/
    text-align: center;

}
.default_li
{
    background: #E4E4E4;
width: 2rem;
    height: .63rem;
    font-size: .24rem;
    padding: .14rem .2rem;
    /*float: left;*/
    margin: .1rem;
    /*border: solid 1px #e4e4e4;*/
    float: left;
    border-color: red;

}


/*购物车*/
.bg
{
   width: 2rem;
    height: 2rem;
    background: red;
    margin: 2rem auto;
    margin-left: 41%;
}
.bigshangpin
{
    width:  17.03rem;
    height: 1.02rem;
    background: #ffff00;
    margin: 0 auto;
}
.quanbushangpin
{
    width: 8.515rem;
    height: 1.02rem;
    background: #F4F4F4;
    float: left;


}
.jingxuanshangpin
{
    width: 8.515rem;
    height: 1.02rem;
    background: #FF5722;
    float: left;
}
/*购物车2*/
.gou_b1
{
    width: 100%;
    height: 2.28rem;
    background: #ffffff;
    position: relative;
    
}
.gou_b1_img
{
    width: 1.8rem;
    height: 1.8rem;
    float: left;

}
.gou_b1_img img
{
    width: 1.8rem;
    height: 1.8rem;
    margin-top: .2rem;

}
.gou_b1_wenzi
{
    width: 16.68rem;
    height: 1.46rem;
   margin-left: 2rem;
    position: absolute;
    top: .4rem;
}

.num
{
    width: 100%;
    height: .6rem;
    margin-top: .3rem;

}
.num1
{
    width: 2rem;
    height: 1rem;
    margin-top: -20px;
    display: inline-block;
}

* {
    box-sizing: border-box;
}

.input-number {
    width: .5rem;
    padding: 0 .12rem;
    vertical-align: top;
    text-align: center;
    outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #cccccc;
    height: .6rem;
    user-select: none;
}

.input-number-decrement,
.input-number-increment {
    display: inline-block;
    width: .5rem;
    line-height: .6rem;
    background: #f1f1f1;
    color: #444444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.input-number-decrement:active,
.input-number-increment:active {
    background: #dddddd;
}

.input-number-decrement {
    border-right: none;
    border-radius: 0px 0 0 0px;
}

.input-number-increment {
    border-left: none;
    border-radius: 0 0px 0px 0;
}

.baoxian
{
    width: 100%;
    height: .8rem;
}
.b2_1
{
    width: 97%;
    height: .8rem;
    margin: 0 auto;
    background: #ffffff;

}


.kaishou1
{
    width: 100%;
    height: .896rem;
    clear: both;
    position: fixed;
    background: #ffffff;
    bottom: 0;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
}

.kaishou1 section
{
    width: 33.333%;
    height: .656rem;
    float: left;
    text-align: center;

}
/*个人中心*/

.wrap_b1
{
    width: 100%;
    height: 4.47rem;
    background: #ffffff;

}
.wrap_b2
 {
     width: 100%;
     height: 1.4rem;
     background: #ffffff;
 }
.wrap_b3
{
    width: 100%;
    height: .7rem;
    background: #ffffff;
}
.wrap_b4
{
    width: 100%;
    height:.7rem;
    background: #ffffff;
}

.orangeredhead
{
    width: 100%;
    height: 1.8rem;
    background: #FF6B00;

}
.headimg
{
    width: 100%;
    height: 1.44rem;
    margin: -1.2rem auto;

}
.default
{
    width: 1.4rem;

    height: 1.4rem;

    margin: 0 auto;
}
.default img
{
    width: 1.4rem;
    height: 1.4rem;
}
.self_b1
{
    width: 100%;
    height: 4.47rem;
}

.b1_nav
{
    width: 100%;
    height: 1.97rem;
}
.click
{
    width: 33.333%;
    height: 1.37rem;
    margin: .3rem auto;
    float: left;
    border-right: solid 1px #ccc;
}
.tu
{
    width: .7rem;
    height: 1rem;
    margin: 0 auto;
    padding-top: .2rem;
}
.tu img
{
    width: .6rem;
    height: .6rem;
}
.bigwenzi
{
    width: 2rem;
    height: .5rem;
    margin-left:-.3rem;
    margin-top: .1rem;
}
.wenzi
{
   font-size: .26rem;
    padding-left: 20px;
}
.self_liebiao
{
    list-style: none;
    margin-left: -50px;
}
.self_liebiao li
{
    width: 100%;
    height: .8rem;
}
li
{
    list-style: none;
}
.empty1
{
    width: 100%;
    height: 1rem;
    clear:both;
}
.bbb img
{
    width: 100%;
}
.checkbox
{
    width: 1rem;
    height: 1rem;
}

/*去结算*/

.jiesuan_list
{
    font-size: .3rem;
    padding-left: .3rem;

    font-weight: 400;
    margin: .2rem 0 .2rem;


}
.fukuan
{
    width: 100%;
    height: .896rem;
    clear: both;
    position: fixed;
    background: #ffffff;
    bottom: 0;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
}

.fukuan section
{
    width: 50%;
    height: .656rem;
    float: left;
    text-align: center;

}
